/** Add css rules here for your application. */

body {
background-color: white;
}

/** Example rules used by the template application (remove for your app) */
h1 {
  font-size: 6em;
  font-weight: bold;
  color: #777777;
  margin: 40px 0px 70px;
  text-align: center;
}

.sendButton {
  font-size: 16pt;
}

/** Most GWT widgets already have a style name defined */
.gwt-DialogBox {
  width: 400px;
}

.dialogVPanel {
  margin: 5px;
}

.serverResponseLabelError {
  color: red;
}

/** Set ids using widget.getElement().setId("idOfElement") */
#closeButton {
  margin: 15px 6px 6px;
}
.gwt-Label {
  font-weight: bold;
  color: #222277;
  font-size: 12pt;
}
.section {
border-width: 1px;
border-style: dotted;
border-color: #747474;
background-color: #ececec;
}
.header {
font-size: 26pt;
font-family: Tahoma, serifSansSerifMonospace;
background-color: #FF99CC;	
color: white;
}
.gwt-PushButton {
	font-size: 16pt;
}
.gwt-DialogBox {
	background-color: white;
}
.gwt-Image {
margin: 2px;
}

/*Button Arrow Styles*/
.arrows {
    font-size:90%;
    margin:0.2em;
}
/*Button link styles*/
a.pinkButton {
    background-color: #FF99CC;	
	color: #eee;
    font-size:1em;
    font-weight:bolder;
    text-decoration: none;
    border-bottom:0.1em solid #555;
    border-right:0.1em solid #555;
    border-top:0.1em solid #ccc;
    border-left:0.1em solid #ccc;
    margin: 0.2em;
    padding:0.2em;
    display:block;
    float: left;
}
a.pinkButton:hover {
    background-color: #DD77AA;	
	color: #eee;
    border-top:0.1em solid #777;
    border-left:0.1em solid #777;
    border-bottom:0.1em solid #aaa;
    border-right:0.1em solid #aaa;
    padding:0.2em;
    margin: 0.2em;
}
